@charset "utf-8";
@import url("base.css");

div{margin:0 auto;}
body{margin:0; background:#FFF; }
#wrap{ width:100%; min-width:1002px;  background:url(images/bg.gif) repeat-x 0 0;}
.box1002{width:1002px}.box700{width:700px}
.f12{ font-size:12px}
.f13{font-size:13px}.f20{font-size:20px}.f16{font-size:16px}.f24{font-size:24px}
.green{color:#93C929;}.gray{color:#999;}
.red{ color:#F00}
.fYH{font-family:"微软雅黑","黑体";}

/*头部*/
.header{ height:78px; overflow:hidden; width:1002px;}
.logo{ }
.header .f_r{margin-top:30px;}


/*导航栏*/
.menu{ height:37px; background:url(images/menubg.jpg) repeat-x 0 0;}
.menu ul{ width:924px; height:37px; overflow:hidden; margin:0 auto;}
.menu li{ float:left;height:37px;line-height:37px;font-family:"微软雅黑","黑体";width:132px; background:url(images/line.jpg) no-repeat 100% 13px;}
.menu li a{ display:block; width:132px; height:37px; line-height:37px; overflow:hidden; color:#FFF; text-align:center}
.menu li a:hover{ background:url(images/menuonbg.jpg) no-repeat 50% 50%;}

/*轮播图*/
.banner{ width:1002px; height:280px; overflow:hidden;margin-top:3px; background:url(images/index_5.jpg) no-repeat 50% 100%;padding-bottom:17px;position:relative}
.banner .slider{position:absolute;top:0;left:0;width:5010px}
.banner .slider li{float:left;margin:0;padding:0; list-style:none;}
.banner .slider img{width:1002px;height:280px;}
.banner .num{position:absolute;right:0px;bottom:17px;}
.banner .num li{color:#FFF;width:20px;height:14px;line-height:14px;float:left;margin-left:1px;cursor:pointer;text-align:center; background:#666; font-size:12px;}
.banner .num .on{ background:#C00;}
/*左边*/
.ileft{width:204px;margin-left:7px;_margin-left:3px;_display:inline}
.cate{ background:url(images/index_7.jpg) no-repeat 0 0;padding-top:36px;margin-bottom:16px}
.cate .cate_y{ background:url(images/leftbg1.jpg) repeat-y 0 0; position:relative;}
.cate .cate_b{ background:url(images/index_16.jpg) no-repeat 0 0;height:10px}
.cate ul{background:url(images/leftbg.jpg) no-repeat 0 0;padding:10px 0 10px 9px;}
.cate li{ background:url(images/lbg.jpg) no-repeat 0 0; width:186px; height:25px; overflow:hidden; font-size:12px;margin-bottom:2px;line-height:25px}
.cate li a{ display:block; width:146px; height:25px; color:#FFF;padding-left:40px;}
.cate li a:hover{background:url(images/lbg1.jpg) no-repeat 0 0;color:#FFF; font-weight:bold}
.cate .cate2 ul{width:162px;padding:0; position:absolute;left:197px; z-index:10; background:#FFF;padding:0 1px;}
.cate .cate2 ul li{ height:25px; line-height:25px; overflow:hidden; margin:1px 0; background:#87C331;width:162px; color:#FFF;}
.cate .cate2 ul li a{ height:25px; line-height:25px; display:block;width:152px;padding-left:10px;}
.cate .cate2 ul li a:hover{background:#006600; font-weight:normal}
#TabTab03Con1{ top:10px;}
#TabTab03Con2{ top:37px;}
#TabTab03Con3{ top:64px;}
#TabTab03Con4{ top:91px;}
#TabTab03Con5{ top:118px;}
#TabTab03Con6{ top:145px;}
#TabTab03Con7{ top:172px;}
#TabTab03Con8{ top:199px;}

.flink{ background:url(images/index_19.jpg) no-repeat top;margin-bottom:16px}
.flink1{ height:34px;}
.flink2{ background:url(images/index_20.jpg) repeat-y 0 0; text-align:center;padding-top:5px;}
.flink3{ background:url(images/index_22.jpg) no-repeat top; height:11px}
.flink2 li{padding:1px;}


/*右边*/
.iright{width:764px;margin-right:10px; _display:inline;_margin-right:-10px}
.iabout{ background:url(images/about.jpg) no-repeat 0 0; width:764px;margin-bottom:16px}
.iabout_t{ height:28px; overflow:hidden; color:#FFF; line-height:28px; font-weight:bold; background:url(images/j1.gif) no-repeat 8px 50%;padding-left:18px; position:relative;}
.iabout_t span{ display:inline-block; font-weight:normal; font-size:12px; position:absolute;right:10px;_top:0px}
.iabout_t span a{ color:#FFF;}
.iabout_m{ background:url(images/bg2.jpg) repeat-y 0 0; _width:734px;padding:15px 15px 20px 15px; font-size:12px; color:#666}
.iabout_b{ background: url(images/index_13.jpg) no-repeat; height:11px;}

.iabout_m ul.ilist{}
.iabout_m ul.ilist li{float:left;margin:5px 7px; width:169px; }
.iabout_m ul.ilist li div{ width:160px;height:120px;padding:4px; overflow:hidden; border:#ccc solid 1px;}
.iabout_m ul.ilist li img{ width:160px; height:120px;}
.iabout_m ul.ilist li p{ text-align:center;color:#333; font-size:12px}
.iabout_m ul.ilist li div.clear{ width:1px; height:1px; border:0;}
/*产品展示*/
.nlist,.cplist,.message,.detail,.h500{min-height:500px;height:auto!important;height:500px;}
.cplist li{ float:left; width:320px;margin:10px 30px 10px 5px; height:120px; overflow:hidden}
.cplist li div{ font-size:12px;width:160px;margin-right:5px;}
.cplist li div.f_r{width:150px; height:110px; overflow:hidden}
.cplist li div b span{color:#090;}
/*新闻中心*/
.nlist ul{ width:720px;overflow:hidden;}
.nlist li{ height:26px; overflow:hidden; position:relative; font-size:12px; background:url(images/j1.jpg) no-repeat 3px 50%;padding-left:15px; line-height:26px}
.nlist li span{ display:inline-block; font-weight:normal; font-size:12px; position:absolute;right:10px;}
/*在线留言*/
.message div{ height:40px; background:#EBEBEB; overflow:hidden; text-align:center; font-size:12px; line-height:40px;margin-bottom:12px;}

.detail .title{ color:#C00; font-size:20px; font-weight:bold; text-align:center}
.detail .info{ border:1px dotted #CCC; border-right:none;border-left:none; height:36px; line-height:36px; overflow:hidden; font-size:12px;color:#666; text-align:center;margin-bottom:12px}
.detail div.con{ text-indent:2em; font-size:12px;}
.detail img{max-width:700px;}

/*页脚*/
.footer{  background:url(images/fbg.jpg) no-repeat 0 0; width:982px;padding:6px 10px;}
.footer div{ font-size:12px;}
.footer .box700{padding-top:5px; text-align:center}